html {
  // font-size: 75px;
  line-height: 1.2!important;
}

h1, h2, h3, h4, h5, h6, p {
  margin: 0;
  font-weight: 400;
}

*, :after, :before {
  box-sizing: inherit;
  -webkit-tap-highlight-color: transparent;
}

body {
  width: 100%;
  height: 100%;
  font-size: 24px;

  div{
    font-size: 24px;

    // 头部  
    .app-dps8r {
      position: relative;

      .index-2guaN {
        color: #333;
        font-size: .293333rem;
        background-color: #fff;
        padding-top: 2.666667rem;
        padding-top: 26.666667vw;

        .index-2g0nR {
          // background-image: url("//fuss10.elemecdn.com/9/30/8ccf4d4162e1d9a16131360aa790fpng.png?imageMogr/format/webp/thumbnail/750x/thumbnail/!40p/blur/50x40/");
          // background-size: cover;
          // background-repeat: no-repeat;
          height: 2.666667rem;
          height: 26.666667vw;
          position: absolute;
          left: 0;
          right: 0;
          padding: .106667rem .266667rem 0;
          padding: 1.066667vw 2.666667vw 0;
          display: flex;
          align-items: justify;
          top: 0;
          background-color: rgba(119,103,137,.43);

          i {
            color: #fff;
            font-size: .333333rem;
            margin-left: -0.08rem;
          }
        }

        .index-2TCKU:not(.index-3dvSM):before {
          content: "";
          position: absolute;
          left: 0;
          right: 0;
          top: 0;
          bottom: 0;
          // background-color: rgba(119,103,137,.43);
        }
      }

      .index-ccm5A {
        padding: .8rem 0 0;
        padding: 8vw 0 0;
        position: relative;
        display: flex;
        flex-direction: column;
        align-items: center;
        background-color: #fff;

        .index-3X8sl {
          width: 2rem;
          width: 20vw;
          height: 2rem;
          height: 20vw;
          position: absolute;
          top: 0;
          left: 50%;
          margin-left: -1rem;
          margin-left: -10vw;
          margin-top: -1.6rem;
          margin-top: -16vw;

          .index-3eDRn {
            width: 100%;
            height: 100%;
            border-radius: .08rem;
            border-radius: .8vw;
            box-shadow: 0 0 0.04rem 0 rgba(0,0,0,.2);
            box-shadow: 0 0 0.4vw 0 rgba(0,0,0,.2);
          }
        }

        .index-2uv7r {
          flex: 1;
          width: 7.2rem;
          width: 72vw;

          .index-3jRsK {
            font-size: 1.3rem;
            font-weight: 700;
            white-space: nowrap;
            position: relative;
            padding-right: .266667rem;
            padding-right: 2.666667vw;
            display: flex;
            align-items: center;
            justify-content: center;

            .index-UYhnL {
              text-align: left;
              overflow: hidden;
              text-overflow: ellipsis;
            }

            .index-1_VRD {
              width: .4rem;
              width: 4vw;
              position: relative;
              height: .653333rem;
              height: 6.533333vw;
            }

            .index-1_VRD::after {
              content: "";
              border-style: solid;
              border-width: .146667rem 0 .146667rem .173333rem;
              border-width: 1.466667vw 0 1.466667vw 1.733333vw;
              border-color: transparent transparent transparent rgba(0,0,0,.67);
              position: absolute;
              left: .16rem;
              left: 1.6vw;
              top: .213333rem;
              top: 2.133333vw;
            }
          }

          .index-24KTi {
            white-space: nowrap;
            height: .32rem;
            height: 3.2vw;
            margin-top: .173333rem;
            margin-top: 1.733333vw;
            font-size: .293333rem;
            color: #666;
            text-align: center;

            .index-2u0xV:not(:last-child):after {
                content: " \B7 ";
                opacity: .2;
            }
          }
        }

        .index-2Ea3o {
          display: flex;
          color: #333;
          margin: .32rem auto 0;
          margin: 3.2vw auto 0;
          align-items: center;
          width: 8rem;
          width: 80vw;
          font-size: .293333rem;

          .index-2Gi26 {
            flex: 1;
            overflow: hidden;

            .activity-2JHFT {
              align-items: center;

              .activity-N5WvH {
                margin-right: .16rem;
                margin-right: 1.6vw;
                font-size: .24rem;
                padding: .053333rem .12rem;
                padding: .533333vw 1.2vw;
                height: .416667rem;
                height: 4.166667vw;
                display: inline-block;
                box-sizing: border-box;
                border-radius: .026667rem;
                border-radius: .266667vw;
                font-size: .48rem!important;
                color: #fff;

                .mini-tag-1ezSQ {
                  position: absolute;
                  left: 0;
                  top: 0;
                  right: -100%;
                  bottom: -100%;
                  transform: scale(.5);
                  transform-origin: 0 0;
                  display: flex;
                  align-items: center;
                  justify-content: center;
                  font-size: .533333rem;
                }
              }
            }

            .activity-1hPHa {
              display: flex;
              font-size: .346667rem;
              align-items: center;
            }
          }

          .index-jk0Mt {
            width: 1.626667rem;
            width: 16.266667vw;
            flex-shrink: 0;
            position: relative;
            padding-right: .293333rem;
            padding-right: 2.933333vw;
            text-align: right;
            color: #999;
            font-size: .346667rem;
          }

          .index-jk0Mt:after {
            content: "";
            display: block;
            border-style: solid;
            border-width: .106667rem .093333rem 0;
            border-width: 1.066667vw .933333vw 0;
            border-color: #999 transparent transparent;
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            right: 0;
          }
        }

        .index-2Ea3o, .index-TmrYy {
          width: 8rem;
          width: 80vw;
          font-size: .293333rem;
        }

        .index-TmrYy {
          color: #999;
          overflow: hidden;
          text-overflow: ellipsis;
          margin: .226667rem auto .266667rem;
          margin: 2.266667vw auto 2.666667vw;
          padding: 0;
          white-space: nowrap;
        }
      }

      .mini-tag-1Lyw4 {
        background-color: rgb(240, 115, 115);
      }
    }
    // 头部-end

    // tab
    #shoptab {
      position: sticky;
      top: 0px;
      z-index: 2;

      .shop-tab-1MgBk {
        line-height: 1.066667rem;
        line-height: 10.666667vw;
        display: flex;
        background-color: #fff;

        .shop-tab-2ipt1 {
          position: relative;
          flex: 1;
          text-align: center;
          font-size: .8rem;
          color: #666;
          border-bottom: 1px solid #ebebeb;
        }

        .shop-tab-nD6jp .shop-tab-2H0qT {
          display: inline-block;
          position: relative;
          color: #333;
          font-weight: 700;

          span {
            background-color: rgb(35, 149, 255);
          }

          .shop-tab-1GaSq {
            content: "";
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            height: .053333rem;
            height: .533333vw;
            background-color: #2395ff;
          }
        }
      }
    }
    // tab-end

    // main
    .recommend-1M-lc {
      padding-top: .426667rem;
      padding-top: 4.266667vw;
      background-color: #fff;

      .recommend-1kbzU {
        padding-left: .426667rem;
        padding-left: 4.266667vw;
        color: #333;
        font-size: 1rem;
        font-weight: 700;
        margin-bottom: .266667rem;
        margin-bottom: 2.666667vw;
      }

      .recommend-38t08 {
        overflow-x: scroll;
        display: flex;

        .recommend-1U7u5 {
          display: flex;

          .recommend-3EB-z:first-child {
            margin-left: .426667rem;
            margin-left: 4.266667vw;
          }

          .recommend-3EB-z {
            flex: none;
            width: 3.2rem;
            width: 32vw;
            margin-right: .266667rem;
            margin-right: 2.666667vw;
            padding-bottom: .426667rem;
            padding-bottom: 4.266667vw;

            .recommend-16ZqP {
              display: block;
              width: 3.2rem;
              width: 32vw;
              height: 3.2rem;
              height: 32vw;
              border-top-left-radius: .08rem;
              border-top-left-radius: .8vw;
              border-top-right-radius: .08rem;
              border-top-right-radius: .8vw;
            }

            img {
                max-width: 100%;
            }

            .food-card-1ppXR {
              color: #333;
              font-size: .973333rem;
              margin: .186667rem 0 .093333rem;
              margin: 1.866667vw 0 .933333vw;
              white-space: nowrap;
              text-overflow: ellipsis;
              overflow: hidden;
            }

            .food-card-3O1zm {
              color: #999;
              font-size: .1rem;
              margin-bottom: .186667rem;
              margin-bottom: 1.866667vw;
              min-height: 1em;
            }

            .food-card-2h4ZL {
              display: flex;
              align-items: center;
              justify-content: space-between;
              padding-right: .026667rem;
              padding-right: .266667vw;

              .food-card-wVKdM {
                font-size: .95rem;
                color: #ff5339;
              }

              .cartbutton-entitybutton_9fUdS {
                display: inline-flex;
                font-size: .346667rem;
                align-items: center;

                svg {
                  width: .586667rem;
                  width: 5.866667vw;
                  height: .586667rem;
                  height: 5.866667vw;
                  vertical-align: middle;
                  fill: #2396ff;
                }
              }
            }
          }
        }
      }
    }
    // main-end
  }
}
